<template>
  <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
    <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
      <div class="sidebar-brand-icon rotate-n-15"><i class="bi-egg"></i></div>
      <div class="sidebar-brand-text mx-3"><span>店铺管理</span></div>
    </a>
      <hr class="sidebar-divider my-0" />
      <ul id="accordionSidebar" class="navbar-nav text-light">
        <li class="nav-item"><router-link to="/index/main" class="nav-link"><span class="bi-house"> 首页</span></router-link></li>
        <li class="nav-item"><router-link to="/index/goodsconfig" class="nav-link"><span class="bi-handbag"> 商品管理</span></router-link></li>
        <li class="nav-item"><router-link to="/index/ordersconfig" class="nav-link"><span class="bi-cart"> 订单管理</span></router-link></li>
        <li class="nav-item"><router-link to="/index/infos" class="nav-link"><span class="bi-person"> 个人信息</span></router-link></li>

      </ul>
    </div>
  </nav>
</template>

<script>
export default {
  name: "NavLeft"
}
</script>

<style scoped>

</style>
